<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品信息</title>
    <!--bootstrap-->
    <link rel="stylesheet" href="vendors/bootstrap/bootstrap.min.css">
    <!--font Awesome-->
    <link rel="stylesheet" href="vendors/font-awesome-4.7.0/css/font-awesome.min.css">
    <!--gentelella custom-->
    <link rel="stylesheet" href="vendors/gentelella-master/build/css/custom.min.css">

</head>
<body style="background-color: #f7f7f7">
    <div class="container">

        <br>

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body" id="onsales">
                        <ul class="breadcrumb">
                            <li>宝贝管理</li>
                            <li><a href="itemmanage-onsaleitem.html">出售中的宝贝</a></li>
                        </ul>
                        <table class="table table-striped" >
                            <thead>
                                <tr>
                                    <td>itemname</td>
                                    <td>itemdesc</td>
                                    <td>quantity</td>
                                    <td>price</td>
                                    <td>category</td>
                                </tr>
                            </thead>
                            <tbody v-for="d in data">
                                <tr>
                                    <td>
                                        <div class="checkbox"><label for=""><input type="checkbox">订单号: 创建时间:{{d.solddate}}</label></div>
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>{{d.itemname}}</td>
                                    <td>{{d.itemdesc}}</td>
                                    <td>{{d.quantity}}</td>
                                    <td>{{d.price}}</td>
                                    <td>{{d.category}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="vendors/js/jquery/jquery.min.js"></script>
<script src="vendors/bootstrap/bootstrap.min.js"></script>
<script src="vendors/js/vue/vue-i18n.min.js"></script>
<script src="vendors/js/vue/vue.js"></script>
<script src="vendors/gentelella-master/build/js/custom.min.js"></script>
<script>
    $.ajax({
        type:"POST",
        url:"http://10.141.223.30:8083/api/hive/getdata",
        contentType:"application/json",
        dataType:"json",
        data:JSON.stringify({
            "tablename": "websales2005_season1",
            "page":"1",
            "filters": []
        }),
        success:function(data){
            var ons = new Vue({
                el:"#onsales",
                data:data,
            })
        }
    })

</script>
</html>
